import React, { Component } from 'react';
import ScanSendData from './scan-send-data';
import ScanSendOption from './scan-send-option';
import 'styles/financial-management/scan-send.scss';

class ScanSend extends Component {
  state = {
    sendData: []
  };

  handleOnchange = (sendData) => {
    this.setState({ sendData });
  };

  render() {
    const { sendData } = this.state;
    return (
      <section className="scan-send">
        <section className="scan-send-option">
          <ScanSendOption onChange={this.handleOnchange} sendData={sendData}/>
        </section>
        <section className="scan-send-data">
          <ScanSendData sendData={sendData}/>
        </section>
      </section>
    );
  }
}

ScanSend.propTypes = {};

export default ScanSend;
